<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/index.css">
        
        <script type="text/javascript" src="js/move.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </head>
    <body>
    	<div class="big_pic">
    		<div class="prev"></div>
    		<div class="next"></div>
    		<a href="#javascript:;" class="mark_left"></a>
    		<a href="#javascript:;" class="mark_right"></a>
    		<ul class="pic">
    			<li style="z-index:1"><img src="images/1.jpg"></li>
    			<li><img src="images/2.jpg"></li>
    			<li><img src="images/3.jpg"></li>
    			<li><img src="images/4.jpg"></li>
    			<li><img src="images/5.jpg"></li>
    			<li><img src="images/6.jpg"></li>
    		</ul>
    	</div>
    	<div class="small_pic">
    		<ul>
    			<li style="opacity:1"><img src="images/1.jpg"></li>
    			<li><img src="images/2.jpg"></li>
    			<li><img src="images/3.jpg"></li>
    			<li><img src="images/4.jpg"></li>
    			<li><img src="images/5.jpg"></li>
    			<li><img src="images/6.jpg"></li>
    		</ul>
    	</div>
    </body>
</html>